<template>
	<div>
		<nav>
			<span>首页</span>
			<span>参赛作品</span>
			<span>获奖公示</span>
		</nav>
		<component :is='bottom_com'></component>
	</div>
</template>

<script setup>
	import {getCurrentInstance,ref,reactive,onMounted} from 'vue'
	import index from '@/components/zjy/dasai4_index.vue'
	let bottom_com = ref(index)
</script>

<style scoped>
	div {
		width: 100%;
		height: 1000px;
		position: absolute;
		top: 0;
		left: 0;
		/* background-color: aqua; */
	}
	nav {
		height: 30px;
		margin: 0 auto;
		background-color: #373FA3;
		color: #fff;
		text-align: center;
	}
	nav>span {
		padding: 0 30px;
		line-height: 30px;
	}
</style>